.takeOutGoodsDetail {
    width: 100wh;
    height: 100vh;
    background: #F5F5F5;
    padding-bottom: 230px;
    .goodImg {
        width: 100%;
        height: 750px;
    }
    .detailLine {
        width: 100%;
        box-sizing: border-box;
        padding: 24px;
        background: #FFFFFF;
        .name {
            min-height: 50px;
            font-size: 36px;
            font-weight: bold;
            color: rgba(0,0,0,0.85);
            line-height: 50px;
        }
        .saleNum {
            height: 28px;
            line-height: 28px;
            margin: 8px 0 12px;
        }
        .detailBottom {
            width: 100%;
            .priceAct {
                width: 200px;
                .price {
                    width: 100%;
                    height: 52px;
                    display: flex;
                    align-items: baseline;
                    font-weight: bold;
                    .zUnit {
                      font-size: 20px;
                      line-height: 52px;
                    }
                    .zNum {
                      font-size: 38px;
                      line-height: 52px;
                    }
                    .zNumMore {
                      font-size: 22px;
                      line-height: 52px;
                    }
                    .zOldNum {
                      line-height: 52px;
                      font-weight: 400;
                      margin-left: 4px;
                      text-decoration: line-through;
                    }
                }
                .activityInfo {
                    width: 160px;
                    height: 32px;
                    border: 1px solid;
                    border-radius: 6px;
                    box-sizing: border-box;
                    padding: 0 8px;
                    font-size: 20px;
                    font-weight: 400;
                    line-height: 32px;
                    margin-top: 4px;
                    .discount {
                      margin-left: 6px;
                      margin-right: 8px;
                      letter-spacing: -1px;
                    }
                    .diliver {
                      margin-right: 6px;
                      width: 2px;
                      height: 12px;
                    }
                    .activityLimit {
                      letter-spacing: -1px;
                    }
                }
            }
            .ops {
                width: 200px;
                .btnCart {
                    width: 180px;
                    height: 52px;
                    border-radius: 28px;
                    font-size: 24px;
                    color: #FFFFFF;
                }
                .sold-out {
                  width: 110px;
                  height: 52px;
                  background: #BFBFBF;
                  border-radius: 28px;
                  .sold-out-txt {
                    font-size: 24px;
                    color: #FFFFFF;
                  }
                }
                .skuSel {
                  width: 156px;
                  height: 52px;
                  border-radius: 28px;
                  line-height: normal;
                  position: relative;
                  white-space: nowrap;
                  font-size: 24px;
                  line-height: 34px;
                  color: #ffffff;
                  .num {
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    border-radius: 15px;
                    top: -20px;
                    right: 0px;
                    font-size: 20px;
                    background-color: #FF3B3B;
                    color: #ffffff;
                    letter-spacing: -2px;
                  }
                }
                .opCart {
                  height: 52px;
                  .opimg {
                    width: 52px;
                    height: 52px;
                  }
                  .num {
                    margin: 0 15px;
                    height: 52px;
                    font-size: 30px;
                    font-weight: 400;
                    color: #333333;
                    line-height: 52px;
                  }
                }
            }
        }
    }
    .detailInfo {
        width: 100%;
        background: #FFFFFF;
        box-sizing: border-box;
        padding: 24px;
        margin-top: 24px;
        .lable {
            width: 100%;
            height: 44px;
            line-height: 44px;
            font-size: 32px;
            font-weight: bold;
            color: rgba(0,0,0,0.85);
        }
        .detailArea {
            margin-top: 16px;
            width: 100%;
            .detail {
                width: 100%;
                font-size: 24px;
                color: #333333;
                line-height: initial;
            }
        }
        .priceAdjust {
            margin-top: 24px;
            width: 100%;
            height: 34px;
            .priceImg {
                margin-left: 24px;
                width: 24px;
                height: 24px;
            }
        }
    }
    .takeOutDetailBottom {
        width: 100%;
        background: #ffffff;
        box-shadow: 0px 0px 0px 0px #f0f0f0;
        position: fixed;
        bottom: 0;
        z-index: 20;
    }
    .manjianInfo {
      width: 100%;
      height: 60px;
      font-size: 22px;
      color: #666666;
      background: #fffbe9;
    }
    .bottomHt {
        width: 100%;
        height: 68px;
        flex-shrink: 0;
      }
      .bottomCtx {
        width: 100%;
        height: 100px;
        flex-shrink: 0;
        box-sizing: border-box;
        padding: 0 24px;
        .tab {
          position: relative;
          .icon {
            width: 44px;
            height: 44px;
          }
          .name {
            font-size: 20px;
            color: #666666;
          }
          .gwcNum {
            position: absolute;
            top: -10px;
            right: -4px;
            width: 26px;
            height: 26px;
            background-color: #ff3b3b;
            border-radius: 50%;
            font-size: 20px;
            font-weight: 400;
            color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
            &.two {
              width: 40px;
              border-radius: 16px;
            }
            &.three {
              width: 50px;
              border-radius: 16px;
            }
          }
        }

        .feeArea {
            flex: 1;
            margin-left: 34px;
            .totalLine {
                height: 30px;
                display: flex;
                align-items: baseline;
                .total {
                    height: 30px;
                    line-height: 30px;
                }
                .cheaper {
                    text-decoration: line-through;
                    margin-left: 4px;
                }
            }
            .sendLine {
                margin-top: 6px;
                height: 20px;
                line-height: 20px;
            }
        }
    
        .btnPay {
          width: 230px;
          height: 76px;
          border-radius: 38px;
          font-size: 32px;
          color: #ffffff;
        }
        .unableBtn {
            background: #bdbdbd;
        }
    }
}